<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style type="text/css">
    body {
        background: url(背景7.jpg) no-repeat center center fixed;
        background-size: cover;
        min-height: 100vh;
        box-sizing: border-box;
        margin: 0 ;
        padding-top: calc(50vh - 6em);
        font: 150%/1.6 Baskerville, Palatino, serif;
    }

    .description{
        position: relative;
        margin: 0 auto;
        padding: 1em;
        max-width: 23em;
        background: hsla(0,0%,100%,.25) border-box;
        overflow: hidden;
        border-radius: .3em;
        box-shadow: 0 0 0 1px hsla(0,0%,100%,.3) inset,
        0 .5em 1em rgba(0, 0, 0, 0.6);
        text-shadow: 0 1px 1px hsla(0,0%,100%,.3);
    }

    .description::before{
        content: '';
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        margin: -30px;
        z-index: -1;
        -webkit-filter: blur(20px);
        filter: blur(20px);
    }
</style>
<body>
<center>
    <p class="description\">
<h3>
    欢迎使用线上销售统计系统
</h3>
</div>
</p>
</center>
</body>